$(function () {
    // 页面的搜索功能有问题!!!!!      fgu这个地方需要从后台那边确认;
    var labelId,page,publishStatus,searchKey,size,allPage,fgu,zhi,jump=0;


    //给页面添加标签;弹框出现,     已经做好!!
    $('.add-tag').click(function(){
        $('.tag-tan').show()
        $('.mask-change').show()
    });

    //从后台获取标签   添加标签;   已经做好!
    $.ajax({
        async:false,
        cache:false,
        headers: {"Accept-CMS-Token":token},
        type:'post',
        url:labellist,
        dataType:'json',
        success:function (data){
            if(data.resultCode == 200)
            {
                var tagName=data.value;
                // var str1='<div class="article"><div class="date-one"></div></div>';
                for(var i=0;i<tagName.length;i++)
                {
                    $('.zixun-ul').append('<li zixun-ul-id="'+tagName[i].id+'">'+tagName[i].name+'</li>');//为nav追加li
                    // $('.main_right').append(str1);//为nav追加对应切换的div.article;
                };
            }
            else if(data.resultCode == 515)
            {
                reLogin()
            }
            console.log('添加标签接口请求成功!!!!')
        },
        error:function(){
            console.log('添加标签接口请求失败')
        }
    });

    //整个页面的tab切换;   因为li都是动态生成的所以要用on或者delegate来进行绑定    还没有做好!
    $('.zixun-ul').delegate('li','click',function (){
        var target=$(event.target);//获取目标元素;
        var x=target.index();
        target.addClass('active').siblings('li').removeClass('active');
        labelId = target.attr('zixun-ul-id');
        publishStatus = $('.publishStatus').children('option:selected').val();
        searchKey = $('input[name = zixun_sou_cont]').val();
        // 每次tab切换的时候,让article先清空       切换的时候,,,,让对应的标签加载出对应的资讯;      已经做好!!!
        $('.date-one').html('');
        page = zixunList( labelId,1,publishStatus,searchKey,12 );
        if( page==0 )
        {
            page = 1;
            changePage(page);
        }
        else
        {
            changePage(page);
        };

    });

    // 在页面当中添加标签    点击确定    将标签的名字传递给后台;    将新增的标签名字追加到ul的nav后面;    还没有做好!
    $('.sure-add-tag').click(function(){
        var name = $('.tag-name').val();
        if(name=='' || name == null)
        {
            alert('输入标签的名字不能为空!!');
            return false;
        }
        else
        {
            $.ajax({
                type:'post',
                headers: {"Accept-CMS-Token":token},
                url:savelabel,
                data:{
                    name:name//这个参数是动态获取的
                },
                dataType:'json',
                success:function (data){
                    if(data.resultCode == 200)
                    {
                        console.log('添加标签接口请求成功!!!!')
                    }
                    else if(data.resultCode == 515)
                    {
                        reLogin()
                    };
                },
                error:function(){
                    console.log('添加标签接口请求失败')
                }
            });
            $('.zixun-ul').append('<li zixun-ul-id="'+fgu+'">'+name+'</li>');
            $('.tag-tan').hide()
            $('.mask-change').hide()
            //将新增的标签追加到后面就可以了;
        }
    });

    //从后台获取资讯列表,默认显示的是<!--  1  -->    咨询列表;   已经做好!!  执行完之后返回总页数;
    function zixunList( labelId,page,publishStatus,searchKey,size )
    {//从后台获取资讯,抽取参数封装;art_index表示article的index

        $.ajax({
            async:false,
            cache:false,
            type:'post',
            headers: {"Accept-CMS-Token":token},
            url:infolist,
            data:{
                labelId:labelId,//就是标签的id;
                page:page,
                publishStatus:publishStatus,
                searchKey:searchKey,
                size:size
            },
            dataType:'json',
            success:function (result){
                if(result.resultCode == 200)
                {
                    console.log(result)
                    $('.article').html('');//每次跟后台发请求,,,请求数据的时候,,,都先要把这个容器都给清空一下,,要不然就对不上东西,,,
                    allPage = result.count;
                    var json=result.value;//获取后台的数据是一个json;
                    var data1=[];//用来存储日期;
                    var chang=[];//用来存储对应日期下,对应数组的长度;
                    var res1,res2;
                    var str1='<div class="date-one"><h2>2017-01-02</h2><ul class="zixun-cont clearFloat"><li><div class="water"><img src="images/water1.jpg" alt=""><div></div></div><p class="name-article">文章名字</p><p class="clearFloat"><span class="fr delete"><img src="images/bianji2.jpg" alt="">删除</span><span class="fl edit"><img src="images/bianji1.jpg" alt="">编辑</span></p></li></ul></div>';//克隆出来的大方面的div;

                    var str2='<li><div class="water"><img src="images/water1.jpg" alt=""><div></div></div><p class="name-article">名字li</p><p class="clearFloat"><span class="fr delete"><img src="images/bianji2.jpg" alt="">删除</span><span class="fl edit"><img src="images/bianji1.jpg" alt="">编辑</span></p></li>';//克隆出来的li
                    // 先克隆出来div,在克隆的li
                    for(var i in json)
                    {
                        json[i] = json[i].split('}{');
                        chang.push(json[i].length);
                        data1.push(i);//是key,日期;
                    };
                    var len=data1.length;
                    for( var x=0;x<len;x++ )
                    {
                        $('.article').eq(0).append(str1);//生成跟日期相对应的一些DOM;   大方面的div
                        for( var y=0;y < (chang[x]-1);y++ )
                        {
                            $('.zixun-cont').eq(x).append(str2);//生成ul下的li,     克隆出来的li
                        }
                    };
                    var first,last,middle,onlyOne;
                    // var res=JSON.parse(cont[1].split('}{'));//用这个分割好数组之后,只有数组的第一条用'}'来连接,最后一条用'{'来连接,中间的部分用'{'+..+'}'
                    //将从后台获取到的数据添加到页面当中;
                    for( var m=0;m<len;m++ )
                    {
                        $('.date-one').eq(m).children('h2').html(data1[m]);//向日期里面填数据;

                        for( var n=0;n < chang[m];n++ )
                        {//为li添加数据
                            if( (chang[m]) == 1 )
                            {//长度为1,,,就直接parse,进行追加;
                                onlyOne=JSON.parse( json[data1[m]][n] )
                                $('.zixun-cont').eq(m).children('li').eq(n).attr('id',onlyOne.id);

                                $('.zixun-cont').eq(m).children('li').eq(n).children('div.water').children('img').attr('src',address+onlyOne.coverUrl);
                                $('.zixun-cont').eq(m).children('li').eq(n).children('p.name-article').html( cutWord(onlyOne.title) );
                            }
                            else
                            {
                                if( n == 0 )
                                {//第一条数据;
                                    first = JSON.parse( json[data1[m]][n]+'}' );//经过这样子处理就直接把string处理成了一个json;
                                    $('.zixun-cont').eq(m).children('li').eq(n).attr('id',first.id);
                                    $('.zixun-cont').eq(m).children('li').eq(n).children('div.water').children('img').attr('src',address+isHttp(first.coverUrl));
                                    $('.zixun-cont').eq(m).children('li').eq(n).children('p.name-article').html( cutWord(first.title) );
                                }
                                else if( n == (chang[m]-1) )
                                {//最后一条数据
                                    last = JSON.parse('{'+json[data1[m]][n]);
                                    $('.zixun-cont').eq(m).children('li').eq(n).attr('id',last.id);
                                    $('.zixun-cont').eq(m).children('li').eq(n).children('div.water').children('img').attr('src',address+isHttp(last.coverUrl) );
                                    $('.zixun-cont').eq(m).children('li').eq(n).children('p.name-article').html( cutWord(last.title) );
                                }
                                else
                                {//中间的数据
                                    middle = JSON.parse('{'+json[data1[m]][n]+'}');
                                    $('.zixun-cont').eq(m).children('li').eq(n).attr('id',middle.id);
                                    $('.zixun-cont').eq(m).children('li').eq(n).children('div.water').children('img').attr('src',address+isHttp(middle.coverUrl) );
                                    $('.zixun-cont').eq(m).children('li').eq(n).children('p.name-article').html( cutWord(middle.title) );

                                };
                            };
                        };
                    };
                }
                else if(result.resultCode == 515)
                {
                    reLogin();
                }
                else
                {
                    $('.article').html('您搜索的内容不存在');
                    hintUser();
                    allPage = 1;
                };
                console.log('资讯加载成功!!!');
            },
            error:function (){
                console.log('资讯加载失败!')
            }
        });

        return allPage;
    };
    //默认显示 全部的  已发布的  第一页;    已经做好!!
    zixunList( '',1,'','',12);

    //整个页面的搜索功能!!!          已经做好!!
    $('.zixun_admin_sou').click(function(){
        getLabelId();
        publishStatus = $('.publishStatus').children('option:selected').val();
        searchKey = $('input[name = zixun_sou_cont]').val();
        $('.article').html('');//每次搜索的时候都需要清空一下,
        page = zixunList( labelId,1,publishStatus,searchKey,12 );
        changePage(page);

    });

    //当输入文本框中时,,,按下enter键,,,发起搜索,,,
    $(document).keydown(function(event){
        var ev = ev || event;

        if( ev.keyCode == 13 )
        {
            getLabelId();
            publishStatus = $('.publishStatus').children('option:selected').val();
            searchKey = $('input[name = zixun_sou_cont]').val();
            $('.article').html('');//每次搜索的时候都需要清空一下,
            page = zixunList( labelId,1,publishStatus,searchKey,12 );
            changePage(page);
            // $('input[name = zixun_sou_cont]').val('');
        };

    });

    // 删除素材,对应的一条
    var ziXunNum;
    $(document).on('click','.delete',function(){
        ziXunNum = $('.delete').index(this);//获取到的是在整个页面当中.delete这个类名的index;
        $('.mask-change').show();
        $('.delete-sucai').show();
    });

    // 点击取消删除素材     已经做好!!!
    $('.chang-cancle').click(function(){
        $('.mask-change').hide();
        $('.delete-sucai').hide();
    });

    //点击确定删除素材,将这条素材从页面中删除,并传给后台要删除的是哪一条    已经做好!!
    $('.sure-delete-sucai').click(function(){
        var informationId = $('.delete').eq(ziXunNum).parent('p').parent('li').attr('id');
        $.ajax({
            type:'post',
            headers: {"Accept-CMS-Token":token},
            url:deleteinfo,
            data:{
                informationId:informationId//这个参数是动态获取的
            },
            dataType:'json',
            success:function (result){
                if(result.resultCode == 200)
                {
                    console.log('删除咨询接口请求成功!!!!')
                }
                else if(result.resultCode == 515)
                {
                    reLogin()
                }
            },
            error:function(){
                console.log('删除咨询接口请求失败')
            }
        });
        $('.delete').eq(ziXunNum).parent('p').parent('li').remove();
        $('.mask-change').hide();
        $('.delete-sucai').hide();
    });

    // 编辑资讯,点击编辑,获取到id向,现有的窗口上刷新出新页面;   已经做好!!
    $(document).on('click','.edit',function(){
        // var x = $('.edit').index(this);//获取到的是在整个页面当中.edit这个类名的index;
        if( jump == 1 )
        {
            var informationId=$(this).parent('p').parent('li').attr('id');
            var id = $.getUrlParam('id');
            // 进入到编辑图文页面,要向edit_tuwen页面传递参数;
            window.location.href = edit_tuwen+'?informationId='+informationId +'&id='+id;
        };
    });

    //点击咨询列表当中的图片,,,进入到编辑咨询的页面,,,如果jump=1,,就让跳转到编辑页面,,否则不能实现跳转
    $(document).on('click','.water',function(){
        if( jump == 1 )
        {
            var informationId=$(this).parent('li').attr('id');
            var id = $.getUrlParam('id');
            // 进入到编辑图文页面,要向edit_tuwen页面传递参数;
            window.location.href = edit_tuwen+'?informationId='+informationId +'&id='+id;
        };
    });

    //点击咨询列表当中的资讯标题,,,进入到编辑咨询的页面
    $(document).on('click','.name-article',function(){
        if( jump == 1 )
        {
            var informationId=$(this).parent('li').attr('id');
            var id = $.getUrlParam('id');
            // 进入到编辑图文页面,要向edit_tuwen页面传递参数;
            window.location.href = edit_tuwen+'?informationId='+informationId +'&id='+id;
        };
    });

    // 为编辑设置鼠标划过特效....图片的颜色发生变化...编辑
    $(document).on('mouseover','.edit',function () {
        $(this).children('img').attr( 'src','images/bianji11.png' );
    });
    $(document).on('mouseout','.edit',function () {
        $(this).children('img').attr( 'src','images/bianji1.jpg' );
    });

    // 为编辑设置鼠标划过特效....图片的颜色发生变化...删除
    $(document).on('mouseover','.delete',function () {
        $(this).children('img').attr( 'src','images/bianji22.png' );
    });
    $(document).on('mouseout','.delete',function () {
        $(this).children('img').attr( 'src','images/bianji2.jpg' );
    });

    //字符串截取的一个函数,只显示前六个字;       已经做好!!
    function cutWord(a)
    {
        if( (a == '') || (a == null) )
        {
            return '';
        }
        else
        {
            return a.substring(0,6)+'......';
        }
    };

    // 判断后台传给前端的图片是否有http://    已经做好!!
    function isHttp(a)
    {
        if( a==null || a=='' )
        {
            return '';
        }
        else
        {
            if( a.indexOf(address) >= 0 )
            {//字符串当中包含http://,将这个给截取掉;
                return a.substr(26);
            }
            else
            {//字符串当中不包含http://
                return a;
            };
        };
    };

    //封装分页插件,,,,,每次向这个里面传参数;
    function changePage(allPage){
        $('.M-box2').pagination({
            pageCount:allPage,
            jump:true,
            coping:true,
            homePage:'首页',
            endPage:'末页',
            prevContent:'上页',
            nextContent:'下页',
            callback:function (api){//当点击页面当中的时候,会出发这个callback函数;;
                var page = api.getCurrent()+"";//得到的是要跳转到的那一页的页码;
                getLabelId();
                publishStatus = $('.publishStatus').children('option:selected').val();
                searchKey = $('input[name = luntan_sou_cont]').val();
                $('.article').html('');//每次翻页的时候都需要清空一下,
                zixunList( labelId,page,publishStatus,searchKey,12 );
            }
        });
    };
    changePage(allPage);//页数的初始化;

    //获取页面当中active状态li的标签id     封装方便多次调用    已经做好!
    function getLabelId()
    {
        $('.zixun-ul li').each(function (x){
            if($(this).attr('class') == 'active')
            {
                labelId = $(this).attr('zixun-ul-id');//获取标签的id传递给后台;
                return labelId;
            };
        });
    };

    // 获取发布状态的val传给后台publishStatus
    function getPublish()
    {
        $('.publishStatus').change(function(){
            zhi = $(this).val();
        });
        return zhi;
    };
    getPublish();

    // 每一个下拉菜单发生变化的时候,,,,向后台请求,,,对应的列表发生变化;
    function changeXiaLa(x)
    {
        $(x).change(function (){
            getLabelId();
            publishStatus = getPublish();
            searchKey = $('input[name = zixun_sou_cont]').val();
            $('.article').html('');//每次变化的时候都需要清空一下,
            page = zixunList( labelId,1,publishStatus,searchKey,12 );
            changePage(page);
            $('input[name = zixun_sou_cont]').val('');
        });
    };
    changeXiaLa('.publishStatus');

    // 资讯列表的图片划过时出现一个遮罩层,,,动态添加的,,,要用on来绑定事件
    $(document).on('mouseover','.water',function (){
        $(this).css('cursor','pointer');
        $(this).children('div').show();
    });
    $(document).on('mouseout','.water',function (){
        $(this).children('div').hide();
    });

    // 当后台状态码是515时,让客户重新登录
    function reLogin()
    {
        alert('登录超时,请重新登录!');
        localStorage.clear();
        window.location.href = login_jump;
    };

    // 为二级菜单所对应的页面中设置显示新增,编辑,删除这些按钮...用地址栏对应的id作为判断条件...后台返回来的数据是:新增,编辑,状态,
    var changeId = $.getUrlParam('id');
    var btnStatus = [];
    var userId = localStorage.getItem('陈');
    if(userId == null)
    {
        alert('亲,不好意思,请重新登录!')
        window.location.href = login_jump;
    };
    var information = JSON.parse( base.decode(localStorage.getItem( userId )) );
    var ul_li_permissionlist = information.ul_li_permissionlist;//三级菜单中的数据

    function showBtnStatus()
    {
        flagOuter:for( var i=0;i< ul_li_permissionlist.length;i++)
        {
            for( var j=0;j<ul_li_permissionlist[i].length;j++ )
            {
                if( ul_li_permissionlist[i][j].length > 0 )
                {
                    for( var q=0;q<ul_li_permissionlist[i][j].length;q++ )
                    {
                        if( ul_li_permissionlist[i][j][q].pid == changeId )
                        {
                            btnStatus = ul_li_permissionlist[i][j];
                            break flagOuter;
                        };
                    };
                };
            };
        };
        if( btnStatus.length > 0 )
        {
            for( var x=0;x<btnStatus.length;x++ )
            {
                if( btnStatus[x].permissionName == '添加标签' )
                {
                    $('.add-tag').show();
                }
                else if( btnStatus[x].permissionName == '新增' )
                {
                    $('.new-build').show();
                }
                else if( btnStatus[x].permissionName == '编辑' )
                {
                    $('.edit').show();
                    jump = 1;
                }
                else if( btnStatus[x].permissionName == '删除' )
                {
                    $('.delete').show();
                }
                else
                {
                    $('.add-tag').hide();
                    $('.new-build').hide();
                    $('.edit').hide();
                    $('.delete').hide();
                }
            };
        }
        else
        {
            $('.add-tag').hide();
            $('.new-build').hide();
            $('.edit').hide();
            $('.delete').hide();
        };
    };

    if( changeId != null )
    {
        showBtnStatus();
    };

    // 为跳转页面赋值
    $('.new-build a').attr( 'href','xinjiantuwen.html?id='+changeId );



});

